<template>
	<!-- 恭喜你获得200券-->
	<div class="getTicket">
		<div class="cancel">
			<div class="cancel_img" @click="cancel">
				<img src="https://image.soole.com.cn/cancel.png" alt="">
			</div>
		</div>
		<div class="ticketInfo">
			<div class="ticketInfo_text">
				
				<span class="but_text">
					前往商城
				</span>
			</div>

		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		mounted() {
			
		},
		methods:{
			cancel(){
				this.$emit('cancel');
			},
		}
		
	}
</script>

<style lang="scss" scoped>
	.getTicket {
		width: 375px;

		.ticketInfo {
			background-image: url('https://image.soole.com.cn/indexHint.png');
			background-repeat: no-repeat;
			background-size: 100%;
			text-align: center;
			width: 100%;
			height: 385px;
			position: relative;

			.ticketInfo_text {
				position: absolute;
				left: 0px;
				right: 0px;
				bottom: 80px;
				margin: 0 auto;
				font-size: 17px;
				color: #E9153E;
				background:url('https://image.soole.com.cn/圆角矩形 2.png') no-repeat;
				line-height:55px;
				width: 135px;
				text-align: center;
			}

			.text5 {
				font-size: 14px;
				color: #fff;
			}

		}

		.cancel {
			display: flex;
			justify-content: center;
		}

		.cancel_img {
			width: 36px;
			height: 36px;

			img {
				width: 100%;
				height: 100%;
			}
		}
	}
</style>
